
/* En este archivo se incluiran lo css para renderizar html */

.errorCell_1 { width:25px; text-align:right;}
.errorCell_2 { width:25px; text-align:right;}
.errorCell_3 { width:25px; text-align:right;}

.captionCell_1 { width:200px; }
.captionCell_2 { width:105px; }
.captionCell_3 { width:105px; }

.fieldCell_1 { width:530px; }
.fieldCell_2 { width:230px; }
.fieldCell_3 { width:100px; }

.fieldCell_1 input { width:491px; height:21px; }
.fieldCell_2 input { width:200px; height:21px; }
.fieldCell_3 input { width:90px; height:21px; }

.fieldCell_1 select { width:502px; height:21px; }
.fieldCell_2 select { width:210px; height:21px; }
.fieldCell_3 select { width:100px; height:21px; }

#calmois{
	width: 70px;
}
#calyear {
	width: 105px;
}

.currency pre {
	text-align:right;
}

.columnRight pre {
	text-align:right;
}

.columnLeft pre {
	text-align:left;
}

.columnCenter pre {
	text-align:center;
}

.heracles-campo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #767E83;
	border: 1px solid #999999;
	padding: 0px 4px  0px 4px;
	height: 21px;
	width: inherited;
	margin: 0px;
	display: inline;
}

body {
	margin: 0px;
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #535353;
	font-style: normal;
	font-weight: normal;
	text-align: left;
}

span {
	vertical-align:middle;
}

.panel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align:middle;
	background-color: #EFEEE4;
	text-align:left;
	border: 1px solid #333333;
	padding: 3px;
	width: 753px;
	max-width: 753px;
	clear:both;
}

.innerPanel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align:middle;
	background-color: #EFEEE4;
	text-align:left;
	border: 1px solid #333333;
	padding: 3px;
	width: 745px;
	max-width: 745px;
	clear:both;
}

.panelError {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #EFEEE4;
	text-align:center;
	border: 1px solid #333333;
	padding: 3px;
}

.panelHead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:left;
	background-color: #FFFFFF;
	border: none;
	font-weight: bold;
	color: #000000;
	padding-left: 20px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-image: url(<%= request.getContextPath() %>/app_heracles/media/image/bot_menu.gif);
	background-repeat: no-repeat;
	background-position: 3px 6px;
	width: 740px;
}

.innerPanelHead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:left;
	border: none;
	font-weight: bold;
	color: #000000;
	padding-left: 20px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-image: url(<%= request.getContextPath() %>/app_heracles/media/image/bot_menu.gif);
	background-repeat: no-repeat;
	background-position: 3px 6px; 
	width: 732px;
}

.panelHeadTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width:600px;
	height:20px;
	padding-top:3px;
}

.panelInnerTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width:600px;
	height:20px;
	padding-top:3px; 
}

.moreButtons {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width:20px;
	height:20px;
	position:absolute; 
	top:5px;
	left:744px;
	cursor:hand; 
	z-index:6000;
	float:right;
}

.panelTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:left;
	background-color: #E6E3D5;
	border: 1px solid #999999;
	font-weight: bold;
	color: #535353;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	width:740px;
}

.eventPanelTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:left;
	background-color: #E6E3D5;
	border: 1px solid #999999;
	font-weight: bold;
	color: #535353;
	padding-left: 25px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	width:545px;
	background-image: url(<%= request.getContextPath() %>/app_heracles/media/image/bot_menu.gif);
	background-repeat: no-repeat;
	background-position: 3px 2px;
}

.panelButtons {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	display:block;
	clear:both;
	text-align:right;
	background-color: #E6E3D5;
	border: 1px solid #999999;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	width:740px;
}

.innerPanelButtons {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	display:block;
	clear:both;
	text-align:right;
	background-color: #E6E3D5;
	border: 1px solid #999999;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	width:732px;
}

.errorTable{
	background-color: #E6E3D5;
	border: none;
	width:490px;
}

.errorCellHeader{
	color: #FFFFFF;
	background-color: #94a1ac;
	border: none; 
	font-weight:bold;
}

.errorCell{
	background-color: #E6E3D5;
	border: none;
}

ul#error{
	width:490px;
}

.error{
	margin: 0px;
	padding: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #535353;
	font-style: normal;
	font-weight: normal;
	text-align: left;
}

.readonly {
	cursor: default;
	color: #767E83;
	background-color: #DDDDDD;
}

.campo-select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #767E83;
	border: 1px solid #999999;
	height: 21px;
	width: 160px;
	margin: 0px;
	display: inline;
}

.popupPanel{
	width:530px;
}

.arrow {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	color:#CC0000;
	padding: 0px 4px 0px 4px;
}

.fieldTitle {
	font-weight: bold;
}


/* To preserve backward compatibility */
li.itemListColumns1 {
	list-style-type: none;
}

ul.mainListColumns1 {
	padding:5px;
}

.message {
	text-indent:10px;
	color:red;
	font-weight:bold
}
